body {
    margin: 0;
    padding: 0;
    font: 12px "microsoft yahei", Arial, Helvetica, sans-serif;
    color: #666;
    box-sizing: border-box;
}

ul, p, h1, h2, h3, h4, h5, h6, dl, dd {
    margin: 0;
    padding: 0;
    list-style: none;
}

input {
    border: none;
}

a {
    color: #666;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.lf {
    float: left;
}

.rt {
    float: right;
}

.clear {
    clear: both;
}

img {
    vertical-align: bottom;
}

.row {
    margin-left: 0px;
    margin-right: 0px;
}

/*加题的样式*/
.add {
    text-align: right;
    margin: 20px auto;
}

.addTopic {
    display: inline-block;
    /*height: 34px;*/
}

#TopicManageList, #CourseManageList {
    float: left;
    width: 100%;
    text-align: center;
}
.container {
    width:100%;
    display: inline-block;
}

/*导航条*/
.ui-paging-container {
    color: #666;
    font-size: 12px;
}

.ui-paging-container ul {
    overflow: hidden;
    text-align: center;
}

.ui-paging-container ul, .ui-paging-container li {
    list-style: none;
}

.ui-paging-container li {
    display: inline-block;
    padding: 0px 10px;
    margin-left: 5px;
    color: #666;
}

.ui-paging-container li.ui-pager {
    cursor: pointer;
    /*border: 1px solid #ddd;*/
    /*border-radius: 2px;*/
}

.ui-paging-container li.ui-pager:hover, .ui-paging-container li.focus {
    /*background-color: #288df0;*/
    color: #23cccc;
}

.ui-paging-container li.ui-paging-ellipse {
    border: none;
}

.ui-paging-container li.ui-paging-toolbar {
    padding: 0;
}

.ui-paging-container li.ui-paging-toolbar select {
    height: 22px;
    border: 1px solid #ddd;
    color: #666;
}

.ui-paging-container li.ui-paging-toolbar input {
    line-height: 20px;
    height: 20px;
    padding: 0;
    border: 1px solid #ddd;
    text-align: center;
    width: 30px;
    margin: 0px 10px;
    vertical-align: middle;
}
 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #bbb;
}
 input:-moz-placeholder, textarea:-moz-placeholder {
    color: #bbb;
}
 input::-moz-placeholder, textarea::-moz-placeholder {
    color: #bbb;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #bbb;
}

.ui-paging-container li.ui-paging-toolbar a {
    padding: 1px 10px;
    margin-left: 20px;
}

.ui-paging-container li.ui-pager-disabled, .ui-paging-container li.ui-pager-disabled:hover {
    cursor: default;
    border: none;
    color: #bbb;
}

/*题目管理table*/
#tm_list, #cm_list {
    height: 100%;
    min-height: 100px;
    display: block;
    /*box-shadow: 2px 2px 5px #d3d6da;*/
    text-align: center;
}

.list_head {
    height: 50px;
    display: block;
    line-height: 50px;
    background-color: #f2f2f2;
}

.list_detail > .row {
    position: relative;
    /*margin: 0px 100px;*/
    border-bottom: 2px solid #f2f2f2;
    display: block;
    line-height: 46px;
}

.list_detail .row .col-sm-1 a {
    padding: 1px 10px;
}

.list_detail .row .col-sm-3 span {
    padding: 0px 8px;
}

.list_detail .row .col-sm-9 .col-sm-3 span {
    padding: 0px 20px 0px 10px;
    display: inline-block;
}

#tm_list .list_detail .row .col-sm-9 .col-sm-3 span {
    display: inline-block;
    line-height: 40px;
    cursor: pointer;
    width: 46px;
    text-align: center;
    color: #59d1ab;
    /*background: url(../img/xnht.png) no-repeat 16px 0px;*/
    background: url(../img/topics.png) no-repeat center;
    background-size:20px 20px;
    padding-left: 17px;
}

#tm_list .list_detail .row .col-sm-9 .col-sm-3 .onlyOne {
    background-image: url(../img/topic.png);
}

#cm_list .list_detail .row .col-sm-9 .col-sm-2 span {
    display: inline-block;
    line-height: 40px;
    width: 20px;
    cursor: pointer;
    background: url("../img/xnht.png") no-repeat -30px -40px;
    color: #fff;
    padding-left: 5px;
}
.topicNum,.courseNum{
    text-align: left;
}
#cm_list .list_detail .row .col-sm-9 .col-sm-2 .isRecord {
    background-position: -60px 0px;
}

.courseware span {
    width: 20px;
    height:20px;
    display: inline-block;
    background-image:url("../img/courseware.png");
    background-repeat:no-repeat;
    background-size:100% 100%;
    -moz-background-size:100% 100%;
    position:relative;
    top:10px;
    cursor: pointer;
}
.coursewareNo span {
    background-image:url("../img/coursewareNo.png");
}
.attachment{
    width: 28px;
    height:16px;
    display: inline-block;
    background-image:url("../img/attachment.png");
    background-repeat:no-repeat;
    background-size:100% 100%;
    -moz-background-size:100% 100%;
    position:relative;
    top:14px;
    margin-right:10px;
    cursor: pointer;
}
.list_detail .row .col-sm-9 .col-sm-9 span.cwpFile{
    width: 24px;
    height:24px;
    display: inline-block;
    background-image:url("../img/cwpFile.png");
    background-repeat:no-repeat;
    background-size:100% 100%;
    -moz-background-size:100% 100%;
    position:relative;
    top:13px;
    margin-right:10px;
    padding:0;
}
.list_detail .row .col-sm-9 .col-sm-9 span.cwpFileNo{
    background-image:url("../img/cwpFileNo.png");
}

.list_foot {
    text-align: left;
    margin: 20px 0px;
}

.list_foot a {
    padding: 5px 15px;
}

/* .Checkbox */
.Checkbox {
    display: inline-block;
    width: 15px;
    height: 15px;
    position: relative;
    vertical-align: middle;
    border: 1px solid #000;
    border-radius: 2px;
    box-sizing: border-box;
}

.Checkbox label {
    position: absolute;
    top: -2px;
    left: 0px;
    cursor: pointer;
}

.Checkbox label:after {
    content: '';
    width: 12px;
    height: 5px;
    position: absolute;
    top: 5px;
    left: 1px;
    border: 3px solid #59d1ab;
    border-top: none;
    border-right: none;
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.Checkbox label:hover::after {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
}

.Checkbox input[type=checkbox] {
    position: absolute;
    z-index: 10;
    top: -18px;
    left: -20px;
    height: 40px;
    width: 60px;
    /* visibility: hidden; */
    opacity: 0;
}

.Checkbox input[type=checkbox]:checked + label:after {
    /*filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);*/
    opacity: 1;
}

/* end .Checkbox */

/*题目管理详情页弹框*/
#CourseManageDetail, #courseControl, #addTitleTo {
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    z-index: 10;
}

#CourseManageDetail_popup {
    width: 700px;
    height: 550px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -350px;
    margin-top: -275px;
}

#TopicManageDetail_popup .popup_body .TitleDetailAll li {
    margin-bottom: 10px;
}

#TitleDetailAll .TitleDetail .TitleNo span {
    padding: 0px 5px;
}

#topicSortSave {
    display: none;
}

.popup_title {
    /*弹出框标题*/
    z-index: 10;
    height: 50px;
    width: 700px;
    background-color: #0f4f7d;
    line-height: 50px;
    font-size: 20px;
    color: #fff;
    text-align: center;
}

.popup_title a {
    color: #fff;
}

.popup_title a:hover {
    text-decoration: none;
}

.popup_title span {
    float: right;
    width: 18px;
    height: 18px;
    margin-right: 22px;
    margin-top: 16px;
    background: url("../img/xnht.png") no-repeat -40px -90px;
    cursor: pointer;
}
#courseControl_popup>span {
    position:absolute;
    top:15px;
    right:15px;
    display: inline-block;
    /*float: right;*/
    width: 18px;
    height: 18px;
    background: url("../img/xnht.png") no-repeat -40px -90px;
    cursor: pointer;
    z-index: 20;
}

.popup_body {
    /*height: 400px;*/
    overflow: auto;
    /*margin-top: 100px;*/
    /*margin-bottom: 50px;*/
}

.popup_btns {
    /*弹出框按钮*/
    position: fixed;
    z-index: 10;
    margin: 20px 60px;
    margin-top: 65px;
    width: 580px;
}

.popup_btns a:nth-child(1) {
    float: right;
    padding: 6px 12px;
    /*margin-top:13px;*/
}
.popup_btns a:nth-child(2) {
    float: left;
}

.popup_btns a:nth-child(4) {
    float: left;
    margin-top:13px;
    display: none;
}

.popup_btns a:nth-child(3) {
    margin-right: 20px;
    margin-top:13px;
    float: left;
}

.popup_btns a, .popup_btn a {
    padding: 1px 10px;
    float: right;
}
 .popup_btn a.addTopic {
     padding: 6px 12px;;
}

.popup_btn {
    position: absolute;
    bottom: -10px;
    z-index: 10;
    margin-left: 60px;
    margin-bottom: 20px;
}

.TitleDetail_title {
    position: relative;
    height: 50px;
    line-height: 50px;
    background-color: #f2f2f2;
    padding: 0px 30px;
}

.TitleDetail_title .Checkbox input {
    top: -15px;
}

.TitleDetail_title span {
    padding: 0px 10px;
}

.TitleNo, .TitleType, .TitleTeacher {
    font-size: 16px;
}

.TitleModify {
    width: 17px;
    height: 17px;
    display: inline-block;
    line-height: 50px;
    position: absolute;
    right: 230px;
    top: 16px;
    background: url("../img/xnht.png") no-repeat 0px -91px;
}

.TitleDetail .btn {
    position: relative;
    /*right: 140px;*/
    top: 13px;
    float: right;
    padding: 1px 10px;
}
.TitleDetail .readingSortSave{
    display: none;
    right: 10px;
}
.TitleDetail .readingSortCancel{
    display: none;
    right: -100px;
}
.TitleDetail .addReadingItem{
    right: 300px;
}
.TitleDetail .readingSort{
    right:10px;
}
.TitleDetail_content {
    /*题目及答案内容*/
    padding: 10px 60px;
    line-height: 20px;
}

.TitleDetail_content div {
    margin: 10px 0px;
}

.TitleDetail_content .question, .TitleDetail_content .hasDetail, .TitleDetail_content .answer {
    width: 100%;
    overflow: hidden;
}

.TitleDetail_content .question a, .TitleDetail_content .hasDetail a, .TitleDetail_content .answer a ,.TitleDetail .detail a{
    /*height: 200px;*/
    text-align: center;
    display: inline-block;
    width: 100%;
}

.TitleDetail_content .question img, .TitleDetail_content .hasDetail img, .TitleDetail_content .answer img ,.TitleDetail .detail img {
    max-width: 100%;
    max-height: 100%;
}

.TitleDetail_content .answer {
    font-weight: bold;
}

.TitleDetail_content .answer span {
    color: #59d1ab;
}
.TitleDetail_content .video{
    display: none;
}
.TitleDetail_content .video .video_img {
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url("../img/xnht.png") no-repeat -60px -10px;
    position: relative;
    top: 3px;
}

.fileinput-button {
    padding: 1px 10px;
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.fileinput-button input {
    position: absolute;
    right: 0px;
    top: 0px;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px;
}

/*课件管理详情页弹框*/
.CourseDetail {
    height: 50px;
    margin: 10px 60px;
    box-shadow: 2px 2px 5px #d3d6da;
    line-height: 50px;
}

.CourseDetail .col-sm-2 a {
    padding: 1px 10px;
}

.CourseDetail .col-sm-1 span, .CourseDetail .col-sm-9 .col-sm-4 span:nth-child(2) {
    display: inline-block;
    height: 17px;
    width: 17px;
    position: relative;
    top: 16px;
    background: url("../img/xnht.png") no-repeat 0px -91px;
}

.CourseDetail .col-sm-9 .col-sm-4 span:nth-child(2) {
    background-position: -30px -52px;
}

.CourseDetail .col-sm-9 .row .col-sm-4 .hasVideo {
    background-position: -60px -11px;
}

.CourseDetail .col-sm-9 .col-sm-4 span {
    padding: 0px 5px;
}

.CourseDetail .col-sm-9 .col-sm-8 {
    text-align: center;
}

/*创建课程弹框*/
#courseControl_popup {
    width: 600px;
    /*height: 280px;*/
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -250px;
    margin-top: -140px;
    z-index: 10;
}

/*课程弹框等待*/
#courseControl_wait {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 20;
}

#courseControl_wait img {
    width: 100px;
    height: 100px;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -10px;
    z-index: 20;
}

#courseControl_popup .popup_title {
    width: 600px;
}

#courseControl_popup .popup_body {
    /*min-height: 190px;*/
    /*margin: 20px 20px 40px;*/
    padding:20px;
}

.listDetail a{
    color:#f00;
    cursor: pointer;
    padding-right:20px;
    /*width: 11px;*/
    /*display: inline-block;*/
    /*background: url("../img/xnht.png") no-repeat 0px -120px;*/
}

.docList,.cwepList{
    display: inline-block;
}

#courseControl_popup .popup_body .glyphicon-asterisk {
    color: #f00;
}

#courseControl_popup .popup_body button {
    padding: 1px 10px;
    margin: 0 10px;
}

#courseControl_popup .popup_body h4 {
    text-align: center;
}

#courseControl_popup .popup_body .CourseSubmit {
    text-align: right;
}
.CourseSubmit{
    padding: 10px 0;
    position: absolute;
    width: 100%;
    background-color: #f2f2f2;
    left: 0;
    bottom: -44px;
}
#courseControl_popup .popup_body .CourseSubmit button {
    padding: 1px 20px;
}

/*加题入库页面（整套/单讲）*/
#addTitleTo_popup {
    width: 500px;
    height: 500px;
    background-color: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -250px;
    margin-top: -250px;
}

#addTitleTo_popup .popup_title {
    width: 500px;
}

#addTitleTo_popup .popup_body {
    height: 300px;
    margin: 0px 30px;
    box-shadow: 2px 2px 5px #d3d6da;
}

#addTitleTo_popup .popup_body button {
    padding: 1px 10px;
    margin: 0 10px;
}

#addTitleTo_popup .TitleSubmit {
    background-color: #f2f2f2;
    padding:0 30px;
    text-align: right;
    line-height: 50px;
    margin-top:20px;
}

#addTitleTo_popup .TitleSubmit button {
    padding: 1px 20px;
}

#addTitleTo_popup .TitleNavbar {
    position: fixed;
    z-index: 10;
    width: 500px;
    background-color: #f2f2f2;
    font-size: 16px;
    text-align: center;
}

#addTitleTo_popup .TitleNavbar > span {
    height: 50px;
    line-height: 50px;
    width: 250px;
    display: inline-block;
    box-sizing: border-box;
    cursor: pointer;
}

#addTitleTo_popup .TitleNavbar .active {
    border-bottom: 4px solid #23cccc;
    color: #23cccc;
}

#addTitleTo_popup .TitleSearch {
    margin-top: 50px;
    line-height: 50px;
    padding: 0px 30px;
    position: relative;
}

#addTitleTo_popup .input-group {
    position: absolute;
    right: 30px;
    top: 8px;
    display: inline-block;
    width: 200px;
}

#addTitleTo_popup .input-group input {
    width: 170px;
    display: inline-block;
}

#addTitleTo_popup .input-group button {
    position: relative;
    top: -10px;
    width: 30px;
    padding-left: 6px;
}

#addTitleTo_popup .popup_body .TitleHeader {
    /*padding:0px 20px;*/
    line-height: 30px;
    background-color: #f2f2f2;
    cursor: pointer;
}

.panel-title {
    font-size: 12px;
}

#course .panel-body label {
    display: block;
    font-weight: normal;
}

#addTitleTo_popup .popup_body .TitleHeader span {
    padding: 0px 5px;
}

#addTitleTo_popup .popup_body .TitleHeader span:last-child {
    float: right;
    margin-top: 10px;
}

#addTitleTo_popup .popup_body .grade {
    font-size: 16px;
}

#addTitleTo_popup .popup_body .TitleDetail {
    margin: 0px 40px;
    line-height: 30px;
}

#addTitleTo_popup .TitleDetail label {
    display: block;
}

#addTitleTo_popup .TitleDetail label input {
    margin-top: 8px;
}

/*题目详情页*/
#TopicManageDetail {
    margin-top: 20px;
    height: 500px;
    width: 100%;
}

#TopicManageDetail_popup {
    display: block;
    /*box-shadow: 2px 2px 5px #d3d6da;*/
}

#TopicManageDetail_popup .popup_btns {
    height: 50px;
    margin: 0;
    position: relative;
    line-height: 50px;
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
}

#TopicManageDetail_popup #topicSort {
    margin-top: 13px;
}

#TopicManageDetail_popup .popup_body {
    margin: 0px;
}

#TopicManageDetail_popup .popup_btn {
    position: relative;
    height: 30px;
    margin: 0;
    bottom: 0;
    padding-left: 30px;
    padding-right: 30px;
    line-height: 50px;
}

/*题目详情页排序取消弹出框*/
/*#TopicManageDetailCancel .modal-content{*/
    /*text-align: center;*/
    /*height:200px;*/

/*}*/
/*#TopicManageDetailCancel .modal-content{*/
    /*line-height: 80px;*/
    /*font-size: 25px;*/
/*}*/
/*#TopicManageDetailCancel .modal-content button{*/
    /*padding:5px 20px;*/
    /*font-size: 15px;*/
    /*background-color: #f96d4c;*/
    /*color: #fff;*/
/*}*/
/*#TopicManageDetailCancel .modal-content button:last-child{*/
    /*margin-left:100px;*/
/*}*/

/*自定义单选复选框*/
.radioItem {
    display: inline-block;
    width: 25px;
    /*height: 15px;*/
    cursor: pointer;
    text-align: center;
    background-image: url(../img/inputradio.gif);
    background-repeat: no-repeat;
    background-position: -24px 2px;
    margin-left:10px;
}
.hiddenClass {
    opacity: 0;
    cursor: pointer;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}
.on {
    background-position: 0 2px;
}

.multiItem {
    display: inline-block;
    width: 25px;
    /*height: 15px;*/
    cursor: pointer;
    margin-left: 10px;
    text-align: center;
    background-image: url(../img/checkbox.gif);
    background-repeat: no-repeat;
    background-position: 0 2px;
    margin-left:10px;
}

.on_check {
    background-position: 0 -19px;
}
/*题目题干中答案显示*/
.question .answerModify{
    color: #339900;
}
/*题目题干中详情显示*/
 .detail{
    font-weight: bold;
}
 .detail p{
     font-weight: normal;
    color: #3385ff;
}
/*自定义复选框*/
.multiItem {
    display: inline-block;
    width: 25px;
    /*height: 15px;*/
    cursor: pointer;
    text-align: center;
    background-image: url(../img/checkbox.gif);
    background-repeat: no-repeat;
    background-position: -26px 2px;
    margin-left:10px;
}

.on_check {
    background-position: 3px 2px;
}

/*上传备课资料*/
#courseControl_popup .popup_body>.on{
    display:block;
}
#createCourseDetail,#coursewareNo,#courseware,#attachment{
    display: none;
}
#courseControl_popup .popup_body>div>div{
    padding:10px 0;
}
#courseware button{
    float: right;
}
#courseware ul li{
    padding:15px 0;
    border-bottom: 1px solid #ddd;
}
.listDetail{
    display: inline-block;
}
.coursewaredowwnload a,.coursewareDelete a{
    color:#fff
}
.cwp_delete_hide, .description_hide{
    display: none;
}
/*加入到课件或单讲中*/
#course .popup_body .glyphicon-menu-down{
float: right;
margin-top:10px;
}
#course .popup_body{
margin-top:80px;
}
#unit .popup_body{
margin-top:80px;
}

/*备注样式*/
.remark input{
    padding: 5px;
    border-radius: 5px;
    border:1px solid #ddd;
    width: 460px;
    margin-left:25px;
}
/*刷新图标*/
.refresh{
    position:absolute;
    top:16px;
    right:40px;
    display: inline-block;
    width:20px;
    height:20px;
    background: url("../img/refresh.svg") no-repeat center;
    color:#f00;
    background-size: cover;
}
.refresh:hover{
    opacity: 0.5;
}
.pptIcon{
    float:left;
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image: url(../img/ppt.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    position: relative;
    top: 13px;
    left:30px;
    padding: 0;
}
.pptFileName{
    float: left;
    position: relative;
    left:40px;
}
.pptFile.courseware{
    position: absolute;
    right:15px;
}
.cwpDelete{
    position:relative;
    left:36px;
}
.unVisible{visibility: hidden;}
.description input{padding:5px; border-radius: 5px;}